/* 对话框性能优化 - 全局样式 */

/* 1. 关闭过渡动画（最关键的优化） */
.dialog-fade-enter-active,
.dialog-fade-leave-active { 
    transition: none !important; 
}

.el-dialog__wrapper { 
    animation: none !important; 
}

/* 2. 合成层优化 */
.el-dialog__wrapper,
.el-overlay { 
    will-change: transform, opacity; 
    backface-visibility: hidden; 
    transform: translateZ(0); 
}

/* 3. 避免滚动条跳动 */
html { 
    overflow-y: scroll; 
}

/* 4. 轻量化阴影 */
.el-dialog { 
    box-shadow: 0 6px 18px rgba(0,0,0,.12) !important; 
}

/* 5. 优化遮罩层 - 使用更轻量的实现 */
.el-overlay {
    backdrop-filter: none !important;
    background-color: rgba(0, 0, 0, 0.3) !important; /* 降低透明度 */
    will-change: opacity !important;
    transform: translateZ(0) !important; /* 强制硬件加速 */
}

/* 6. 进一步优化遮罩层渲染 */
.el-overlay-dialog {
    will-change: transform !important;
    transform: translateZ(0) !important;
}

/* 6. 确保对话框内容不会触发重排 */
.el-dialog__body {
    max-height: 70vh;
    overflow-y: auto;
}

/* 7. 优化表格在对话框中的性能 */
.el-dialog .el-table {
    will-change: auto;
}

/* 8. 减少不必要的重绘 */
.el-dialog * {
    backface-visibility: hidden;
}
